import React from "react";
import Container from "../../container";
import EditorFiles from "../EditorFiles";
import FileSelector from "../FileSelector";

function FileSystem() {
  const { files } = Container.useContainer();
  return (
    <React.Fragment>
      <FileSelector />
      {Object.values(files).map((item, index) => {
        return <EditorFiles file={item} key={index} />;
      })}
    </React.Fragment>
  );
}

export default FileSystem;
